iT邦幫忙

2023 iThome 鐵人賽

DAY 2
0
Software Development

從餐飲業轉職成小白工程師的所見所學系列 第 2

工欲善其事,必先利其器。好用的vscoe與套件! Day2

  • 分享至 

  • xImage
  •  

在開始介紹VScode之前,讓我們先了解程式碼編輯器。
簡單來說,就是編寫與編輯程式碼的軟體工具,目前常見的有 (我聽過的) :

  • VSCode
  • Sublime Text
  • Atom
  • Vim

我目前是使用VSCode,個人覺得使用起來順手,並且插件非常多元。

VSCode (Visual Studio Code)到底是什麼?

由微軟( Microsoft )開發,最大特色就是:

  1. 免費、開源
  2. 支援多種程式語言
  3. Git支持
  4. 豐富的插件
  5. 適用 Windows、macOS、Linux!)

好用的套件

以下是我常用的套件,個人覺得非常好用!

  • Material Icon Theme
    (光看下載數就知道多好用了👍)
    https://ithelp.ithome.com.tw/upload/images/20230912/20161807hGzGFuc52n.png
    這個套件就是幫已把平常醜醜的資料夾旁邊加上可愛的小icon!

    他會自己偵測命名就會套上對應的icon囉,小巧可愛的套件。

https://ithelp.ithome.com.tw/upload/images/20230912/20161807zHbwc03pci.png

  • Git Graph
    https://ithelp.ithome.com.tw/upload/images/20230912/20161807aT5UMybuD2.png
    將Git的結構變成葡萄樹,有了這個就可以清楚了解自己目前在哪個分支上了!
    Like this (其實有點像捷運路線圖)
    https://ithelp.ithome.com.tw/upload/images/20230912/20161807qXAPy8zS9J.png

  • Live Server
    https://ithelp.ithome.com.tw/upload/images/20230912/20161807dC8GEx4o7A.png

這個必須要裝的! 他可以即時的在瀏覽器上更新你寫的 HTML 畫面。

  • Prettier - Code formatter
    https://ithelp.ithome.com.tw/upload/images/20230912/20161807Ms4nAgbabE.png
    初學者的神兵利器,可以在存檔的時候自動排版,就不用自己慢慢喬了🥹

以上就是我認為初學者必須要安裝的套件,我到目前都還有在使用。
明天我們來介紹 Ubuntu是什麼? 這在一開始搞得我暈頭轉向的。
那我們明天見!


上一篇
Git? GitHub? 到底是什麼? 對軟體工程師來說有什麼作用? Day1
下一篇
Ubuntu的意思? 我在windows系統上遇到的問題? Day3
系列文
從餐飲業轉職成小白工程師的所見所學30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言